<html>
<head> 
<meta charset="utf-8" /> 
<meta name="referrer" content="always" /> 
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta name="format-detection" content="telephone=no" /> 
<title>个人中心</title> 
<style type="text/css" data-lsid="usr_prf_csst">
	* {
		margin: 0;
		padding: 0;
		font: 14px/1.5 Helvetica,Tahoma,sans-serif;
		color: #262626
	}

	body {
		background: #f5f5f5;
		text-align: left
	}

	ul,ol,dl {
		list-style: none
	}

	a {
		text-decoration: none
	}

	#page-hd {
		position: relative;
		height: 43px
	}

	#page-hd h1 {
		text-align: center;
		font-size: 18px;
		color: #333;
		line-height: 43px
	}

	#page-ft {
		margin-top: 8px;
		position: relative
	}

	.btn-back,.btn-setting {
		width: 24px;
		height: 24px;
		position: absolute
	}

	.btn-back {
		left: 16px;
		top: 10px;
		background: url(data:image/png;
		base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAATJJREFUeNrt28tOwkAYQOGJj6WiXBIBBRGfX1i4MWwVEV1wXLAonUyvYKLxnHVXX6bp/O00BDMzMzMz+0MBfWABvABzRfI4N8AHWStVMpxhhAOwUGaPM0rgbICuOOmVswEG4uxXzlYccRrjjAtw+uKkcd7FKcfpiQO34jTHcZ8D3IlTjvMZ4azFKce5Fgcm4jTHuRIHpuKI0wrnPoHzBnTEEacS5yuBcykOzMQRp/XgGeO8AhfBQgCexQnhrOH1O5dOfghN3WLn6mRIc5GqkR5Eao/kE63GnkgkN47OZU72Iv1SpKK3iyLVQPIV7AGSXziOQPIbWTTgilQDaStSOZLHYEQ6DZJH8UT6WSRPvB4gjQqQfLpFSPH/Gk/K5JGG/itWjTQAlsAKeFTEzMzMzMz+Wd8QRvb+I/ZwRAAAAABJRU5ErkJggg==) no-repeat;-webkit-background-size: contain;
		background-size: contain
	}

	.bottom-banner-wrapper {
		width: 100%;
		background: #fff
	}

	.bottom-banner {
		width: 320px;
		height: 40px;
		margin: 0 auto
	}

	.bottom-banner .bottom-banner-container {
		display: block;
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 5
	}

	.bottom-banner .bottom-banner-container div {
		width: 100%;
		height: 100%
	}

	.banner-close-wrapper {
		width: 40px;
		height: 40px;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 10
	}

	.banner-close {
		width: 18px;
		height: 18px;
		position: absolute;
		top: 11px;
		right: 10px;
		background: url(data:image/png;
		base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3NpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowOTIwOTVhOS1lMzQyLTQxZGUtYmFkOS05MTJjZjFlOGM5OTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REIyNEUxNEU5Q0YyMTFFNUEzM0FGREMwQjM2MzQ1ODIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REIyNEUxNEQ5Q0YyMTFFNUEzM0FGREMwQjM2MzQ1ODIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZDkzYmIwMWItODUxMy00YWQ2LTk0OWEtOTQ3YTY3YTRlZDRiIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA5MjA5NWE5LWUzNDItNDFkZS1iYWQ5LTkxMmNmMWU4Yzk5MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PknV/a4AAAEoSURBVFjDzdi7kYMwEIBh9UANzu86/ms4ZzfUADNQkJyIGWwjtA+ZdaAEJd8g7UObgB/gHxhyzgmIWANwB24JGIEMTGUjAjMVw337MAeh9pgJGFI5pgjUGwZIKed8hJo/jDrEPIEuRFUxb6ALUKeYGuhTqCbmDNQbJcK0QL1QYowE5EWpMFKQFaXGaEBalAmjBUlRZowF1EK5MFZQDeXGeECvqBVYehRnD2hDrQWSC8qV1XuAlh1ojQTt78yy+1NzxJEdXeAutc8a9rVocqMsibEV2i6UtnRI84wZpSmu2qRnQknbD2sGVqMkDZq3HKhQrRZ2os9bTYw6a/J7YVSo2jOoN0aMuhIjQl2NaaIiMKeoKEwVlcrkKnpgtaHGBNyAvy8Y6Y3A7wN2QLQK81mUjAAAAABJRU5ErkJggg==) no-repeat;background-size: 100% auto
	}

	#page-hd {
		background-image: linear-gradient(top,#3385FF,#388EFF);
		background-image: -webkit-linear-gradient(top,#3385FF,#388EFF)
	}

	.btn-back {
		width: 37px;
		height: 100%;
		background: 0 0;
		left: 8px;
		top: 0;
		line-height: 100%
	}

	.btn-back:before {
		width: 24px;
		height: 24px;
		content: '';
		display: inline-block;
		background: url(data:image/png;
		base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAATJJREFUeNrt28tOwkAYQOGJj6WiXBIBBRGfX1i4MWwVEV1wXLAonUyvYKLxnHVXX6bp/O00BDMzMzMz+0MBfWABvABzRfI4N8AHWStVMpxhhAOwUGaPM0rgbICuOOmVswEG4uxXzlYccRrjjAtw+uKkcd7FKcfpiQO34jTHcZ8D3IlTjvMZ4azFKce5Fgcm4jTHuRIHpuKI0wrnPoHzBnTEEacS5yuBcykOzMQRp/XgGeO8AhfBQgCexQnhrOH1O5dOfghN3WLn6mRIc5GqkR5Eao/kE63GnkgkN47OZU72Iv1SpKK3iyLVQPIV7AGSXziOQPIbWTTgilQDaStSOZLHYEQ6DZJH8UT6WSRPvB4gjQqQfLpFSPH/Gk/K5JGG/itWjTQAlsAKeFTEzMzMzMz+Wd8QRvb+I/ZwRAAAAABJRU5ErkJggg==) center center no-repeat;background-size: cover;
		margin: 9px 0 0 7px
	}

	.btn-setting {
		width: 37px;
		height: 43px;
		right: 8px;
		top: 0
	}

	.btn-setting:before {
		margin: 9px 0 0 7px;
		width: 24px;
		height: 24px;
		content: '';
		display: inline-block;
		background: url(data:image/png;
		base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAAXNSR0IArs4c6QAAA+VJREFUeNrtnD1PG0EQhm0pFFBQAClcYVLCHwFZpCQdJRShcU0JQUIioQBKIuFAgxQSREODhBRcE6cGiYIfAJGIAAFPiswlk8XmDLs+7mBGuuY+Zmbfu52v3blczsjIyMgoB+SBL3LkDZHbAL3mHw0bIrcBWlIALRki/4PTBmwqgDaBtucKRgEYBxaAbeAQuOI2Xcm1bbl3HCg8VVB6gTKwB9zwcLoRHmWg9ykA0w98jhn0KbAP7AJbcuzKuZ8xz34G+rMITB9QAa7rDKoGzAGlZqaMTMmSPFOrw+9aZPVlJZaZBC6dQZwAs8BAABkDwuvEkXEpsvNpAGIG+AZMRN4G6BGDqukCmAe6W6BDt/C+cGRuAz3KO06Iru+SBGhPKVQFBoFjx5iuAsUEdCkCa47xPxadqurctyQBmogxuqVH+KpLIrsRvU06sKvWUeLgMb2KeM2DOnpVEw88gSFHiR2gKwX2sUt00TSYtBI9js3ZAV6kLHXZcWxST5KufNuZVl25lJF8SQeOd8snIXjSMcipjWTFJmnDPZlEhHypXHkpl3IS73ajgsm+VgqrqLexmqHUZ1XpXWnl53qtIuRihgAqqoj7uiVmwcnK5zOYQM/rKkAr6jk68ewOyLsTGAGmgGU5puRcZ+DcTSe4vSEBKivGswFBr9RJNt1ktxJqMFIFiKgcEiCdVoQoWYwD54rnmQR2K3LsAL/U9XNgLFCpJKK9UOAUlJusBX6LR8Ao0F7nvna5dhTy6wV+qDClkAv0tiOaC8hrHeho4pkOuTeiMU8d3ofiFTFcUAxLHnyKalqt3yfsl/RmXU23Xg89Smo8CyEA0nlXwYPPJzWtOh7wfIeabhVPk/E3PwsB0GGUd3m68shbjXrwGVXerdODT5SfHYYoG0SLevsefN4ob9XuwaddebcRDz77anGy7b4P52UjwZKzHLzrodB0VDcK8EVHdZ4pDx67zjL3IjDclF0EvjYI2rY8FPooPFYCALQivJY9eGw1GOMXAygAQM9xii3JmPNmpP/w+f5gI/1M3Hy0KeLAAsUEAkVLNSxZtXKH5lsLWu54xILZmVMwG09lwayFJdeiGO64kuunLJRckyjaT6ui/XSmivYiYMOWfe4WYAuHTQjK6tLzmtJ7pZWCXtnmhXiBtv2libDfNlDFCH9pW/DilbBNnDFvyLYB36GIbSSPUcZtRRh65FaE1bS1ItRrZnnZoJnlQ0qaWWbS4D2sHeoeEbc11DXpVTY8WjJPY57dyGRLZoN6UlmMpm9Tb/XJNPXeMWWsLfwBgaf9WCAGJP1rikVD5DZA9nOTJmIo+z2OkZGRkaLfCeQJ0eY4rkQAAAAASUVORK5CYII=) no-repeat;-webkit-background-size: contain;
		background-size: contain
	}

	.user-profile {
		background-image: linear-gradient(top,#388EFF,#409FFD);
		background-image: -webkit-linear-gradient(top,#388EFF,#409FFD);
		display: -webkit-flex;
		display: flex;
		padding: 17px 16px
	}

	.user-img {
		width: 45px;
		height: 45px;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		border: 2px solid #fff;
		margin-right: 17px
	}

	.user-img span {
		display: block;
		width: 100%;
		height: 100%;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		background-repeat: no-repeat
	}

	.user-img .user-img-unpic {
		background-image: url(data:image/png;
		base64,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)
	}

	.user-img-pic {
		border-radius: 50%
	}

	.user-login {
		-webkit-box-flex: 1;
		box-flex: 1;
		-webkit-flex-grow: 1;
		flex-grow: 1
	}

	.user-name {
		color: #fff;
		font-size: 18px;
		margin-top: 11px;
		max-width: 220px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap
	}

	.clearfix:after {
		content: "";
		display: table;
		clear: both
	}

	.fl {
		float: left;
		font-size: 18px;
		margin-top: 11px
	}

	.fr {
		float: right
	}

	.user-login h2,.user-login div {
		color: #fff
	}

	.primary-btn {
		width: 77px;
		height: 34px;
		line-height: 32px;
		display: block;
		border: 1px solid #fff;
		color: #fff;
		text-align: center;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		font-size: 14px;
		margin-top: 6.5px
	}

	.user-listview {
		background: #f8f8f8;
		padding-top: 8px
	}

	.user-listview .panel {
		background: #fff
	}

	.user-listview .panel ul {
		display: -webkit-box;
		display: box;
		display: flexbox;
		display: -webkit-flex;
		display: flex;
		margin-bottom: 8px
	}

	.user-listview .panel h2 {
		height: 40px;
		line-height: 40px;
		padding-left: 16px;
		font-size: 16px;
		color: #333;
		border-bottom: 1px solid #e0e0e0
	}

	.user-listview .panel li {
		-webkit-box-flex: 1;
		box-flex: 1;
		-webkit-flex-grow: 1;
		flex-grow: 1;
		height: 80px;
		border-right: 1px solid #e0e0e0;
		text-align: center
	}

	.user-listview .panel li:last-child {
		border-right: 0
	}

	.coming-soon:before {
		content: "敬请期待";
		position: absolute;
		color: #999;
		font-size: 12px;
		right: 45px;
		top: 50%;
		margin-top: -9px
	}

	.user-listview .panel li>a {
		display: inline-block;
		margin-top: 17px;
		position: relative
	}

	.user-listview .panel li img {
		display: block;
		width: auto;
		height: 24px;
		margin: 0 auto
	}

	.user-listview .panel li div {
		margin-top: 10px;
		height: 12px;
		line-height: 12px;
		color: #666;
		font-size: 12px;
		min-width: 40px
	}

	.btn-setting .red-remind,.user-listview .red-remind {
		width: 8px;
		height: 8px;
		background: #f43531;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		position: absolute;
		top: -4px;
		right: 5px
	}

	.btn-setting .red-remind {
		top: 6px;
		right: 3px
	}

	#page-hd h1 {
		display: none
	}

	.bottom-text-wrapper {
		width: 100%;
		position: fixed;
		bottom: 20px
	}

	@media screen and (max-height:460px) {
		.bottom-text-wrapper {
			position: static;
			margin-bottom: 20px;
			margin-top: 20px
		}
	}

	.bottom-text-wrapper a {
		font-size: 12px;
		display: block;
		text-align: center
	}

	.bottom-text-wrapper a:first-child {
		margin-left: 7px
	}

	.bottom-text-wrapper a:nth-child(2),.bottom-text-wrapper a:first-child {
		color: #666;
		margin-bottom: 4px
	}

	.bottom-text-wrapper a:first-child:before {
		content: "";
		color: #ed5353;
		display: inline-block;
		background-image: url(data:image/png;
		base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAACkVBMVEX////BwcEwbf8yZf8xZ//mODg8eP8wbP8udf/7+/swbv/Hx8fc3NwwcP/k5OTr6+sud/8xa/8yZP/t7e3ExMTT09Mxav8vdP/Kysru7u729vb8/PwueP8yZv8vc/8vcf/CwsLv7+/+/v/6+/8/c//6/P96nf8vcv+Sr//u8/8xaP9pjv92mP+Ys//4+PjIyMjw9f8zZ/9AcP/Dw8OSrv8xaf+Gpv+Do/8wdf+Dpv9Vgv89c//9/f3S0tKyy//G2P+xyP+0yP/u9P81Z/8+d/+mvv9MfP85cf83b/8wc//G2f9Mh//K2f8+eP9KgP/y9f9nl//4+v+Gpf9okf/k6v/i6f9Ki//T4v9Hgv/g6f/E0v8zZf80dP8weP/U4v+mwf9Wjf91nf83bv/d3d3V4P84dP/k7f+Is/9Vg//z9/+yzv/B1f/b6P9EhP9rnv/I2P/b5/9ek/8xdf9Ggf/K2P/V4v/i6v/q8P/1+P82ef/k6//A1v99ov9vnv9Ygf8we//p8f+Hsf9Qgv+juf9zlv82bv/S3v/x9f96n//H1P+wxP9zlf9Kf//M3P94m/9ylf+btP9Lev/v9P9YhP+xyv+Fqf9fkf/s7Oy6zv90ov9Sff83aP+Ir/9Tg/9ZlP/9/f/8/f/x9v9Tff+2zv/H1//i6/8zaf8zaP+LtP82bP9Wgf89cv/j4+P0+P+0yv9Rf/86bv+wx/9ci//R3//T3/9Dcf9mk/9xlf+juv/9/v+eu//t8v+Nqf9jjf/a5P9Viv+6y/9Qjv9rmP82bf9ml//3+v93o/80cP8xbf+FpP+Zvf+Gp//v8/+/0v/q8f84dv/U3//w9P9Zg/9hh/85eP86av9VjP8zZv9vmv99qv////8JIs/4AAAA23RSTlP//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wAgzuiAAAACKElEQVQ4y3WT9X/aUBTFDyQTBqMLDk2oQEuReru2azt3d3d3d9/aubu7u7u7u+ev2XuMhPC2nR/efffmm8+zeyDLssFsd9l0jGwuu9lAPkKW3UaT1ZMMRskeq8nopkBaahL+o6TUNBkGY/x7+jOWMBpgNqnp+J6LRpFw6PXYdKVkMsNuVYH9oijOw5hHonhSKVntcHmUZGQ9ol9YQsYBi2M1jws2df+9ahNNxAQa2ipnsUGnrtC01Ol07sUcMpa+V4q6GDBjcLuGWOD1Tp2MKV6vdxcYIGNaINBm3Obn348AA3sHngbzrgQTgEYpRJ2Vv85h3deU/lu1wKC6RA/iF7SdpB/yNMC7OkSPgWM/O3S8fQAYQfNJ2j2s1ev15zGzOQn6bcALGo9qT9FnyPVLyLhcK6rGWErGl7O0QPSp5gv7ypYJgtBq+c7WglAGBvCtdDjeoNxBVH412P4+GODtveKW3VrA739SPNR/Zjp7k/h0IZRNH3k0MkNZCJ1qwgIl/BZkn6iPBsjks8Dzx4cnArcu8uuxiY8DfEki4MuXPqMovytO45VUBEmSbjBLLOS4mzQW9Di4ogs4jrurALGGWU1qu8PhcLOC6kgkwnE/PioNo7Tcxm8Wi+XalzUbDvcjkz1VasupTeub2312dHJn1cO+neJNq2n7f4i0vdY4f4kaR2O9GlQ1qWKFHdR6UfO6cypYoCLHPeyPean9K3MLWfsX5laepfb/DUZTgweEwS8EAAAAAElFTkSuQmCC);background-size: 100% 100%;
		width: 16px;
		height: 16px;
		background-repeat: no-repeat;
		position: relative;
		top: 3px;
		margin-right: 5px
	}

	.bottom-text-wrapper a:nth-child(2):before {
		content: "";
		color: #ed5353;
		display: inline-block;
		background-image: url(data:image/png;
		base64,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);width: 16px;
		height: 10px;
		background-size: 100% auto;
		background-repeat: no-repeat;
		position: relative;
		top: 1px;
		margin-right: 5px
	}

	.bottom-text-wrapper a:last-child {
		color: #999
	}

	.test {}
	
	.pop_wp { display: -webkit-box; -webkit-box-pack: center; -webkit-box-orient: vertical; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; }
	.pop_wp { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .30); z-index: 998; }
	.pop_rechargebox { position: absolute; top: 11.3rem; left: 2.96rem; right: 2.96rem; border-radius: 4px; z-index: 1000; background-color: #fff; }
	.pop_rechargebox_m { padding: 0.96rem 2.52rem;  }
	.pop_rechargebox_m .tit { font-size: 0.89rem; color: #000000; text-align: center; }
	.pop_rechargebox_m .inpwp { margin-top: 0.81rem; text-align: center; }
	.pop_rechargebox_m .inpwp label{ font-size: 30px; } 
	.pop_rechargebox_m .inpwp input { display: block; box-sizing: border-box; width: 100%; height: 2.15rem; padding: 0 8px; border-radius: 4px; color: #000; font-size: 0.81rem; border: 1px solid #aaa; }
	.pop_rechargebox_m .inpwp input:focus { outline: none; }
	.pop_rechargebox_m .inf { margin-top: 0.3rem; font-size: 1rem; color: #ff5a63; }
	.pop_rechargebox_m .btn_rc { display: block; width: 100%; height: 2.15rem; line-height: 2.15rem; margin-top: 0.81rem; border-radius: 4px; background-color: #90b6ff; color: #fff; font-size: 0.89rem; text-align: center; transition: .3s; }
	.pop_rechargebox_m .btn_rc:active { transform: scale(.98); }
	.pop_rechargebox_m .btn_rc.disabled { background-color: #9b9b9b; transform: scale(1); }
	.pop_rechargebox_m .errmsg { margin-top: 0.3rem; font-size: 0.52rem; color: #ff0000; text-align: center; }
	.pop_bt_close { position: absolute; top: 0.44rem; right: 0.44rem; width: 0.93rem; height: 0.93rem; background-position: -3.7rem -1.85rem; }
	
	.btn_rc2 { display: block; width: 100%; height: 2.15rem; line-height: 2.15rem; margin-top: 0.81rem; border-radius: 4px; background-color: #90b6ff; color: #fff; font-size: 0.89rem; text-align: center; transition: .3s; }
	.btn_rc2:active { transform: scale(.98); }
	.btn_rc2.disabled { background-color: #9b9b9b; transform: scale(1); }
</style>
<script type="text/javascript" src="__PUBLIC__/js/jquery1.9.0.min.js"></script>
</head>
<body> 
	<div id="wrapper"> 
		<div id="page-hd"> 
			<span class="btn-back"></span>
			<h1>个人中心</h1>
		</div>
		<div id="page-bd">
			<a href="javascript:void(0);" class="btn-setting"></a>
			<section class="user-profile">
				<div class="user-img">
					<span class="user-img-pic" style="background-image:url(__PUBLIC__/css/ilogo1.png);"></span>
				</div>
				<div class="user-name">{$info['member_nick']}</div>
			</section>
			<section class="user-listview">
				<div class="panel">
					<h2>预约信息</h2>
					<ul>
						<li>
							<a href="javascript:void(0);" data-stats="10|2|usrprofile|a1_l3">
								<div>房间号</div>
								<div>{$info['room_number']}</div>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);" class="person-prize" data-stats="10|2|usrprofile|a1_l4">
								<div>入驻时间</div>
								<div><?php echo date('Y-m-d', $info['checkin_time']); ?></div>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);" data-stats="10|2|usrprofile|a1_l5">
								<div>离开时间</div>
								<div><?php echo date('Y-m-d', $info['leaving_time']); ?></div>
							</a>
						</li>
					</ul>
				</div>
				<div class="panel">
					<h2>办理自助开门</h2>
					<ul class="banli">
						<li>
							<a href="javascript:void(0);" data-stats="004">
								<img src="" />
								<div>设置密码</div>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);" data-stats="002">
								<img src="" />
								<div>办理身份证开门</div>
							</a>
						</li>
						<li>
							<a href="javascript:void(0);" data-stats="003">
								<img src="" />
								<div>办理卡开门</div>
							</a>
						</li>
					</ul>
				</div>
				
				<div class="panel">
					<a href="lout.html" class="btn_rc2">注销</a>
				</div>
			</section>
		</div>
		<div id="page-ft" style="margin-top: 20px; display:none;">
			<div style="position: flex; width: 100%; "></div>
		</div>
	</div>  
	
	<!-- 弹窗 -->
	<div class="pop_wp card" style="display:none;">
		<div class="pop_box pop_rechargebox">
			<div class="pop_rechargebox_m">
				<h3 class="tit">读卡倒计时</h3>
				<div class="inpwp">
					<label id="timer">90</label> s
				</div>
				<p class="inf">* 请将身份证或者IC卡放置在门锁读卡区</p>
				<!-- 未输入id disabled不可点击 -->
				<a href="javascript:;" class="btn_rc">取消</a>
			</div>
			<a href="javascript:;" class="pop_bt_close" title="关闭"></a>
		</div>	
	</div>
	
	<div class="pop_wp pwds" style="display:none;">
		<div class="pop_box pop_rechargebox">
			<div class="pop_rechargebox_m">
				<h3 class="tit">设置开锁密码</h3>
				<div class="inpwp">
					<input type="text" id="pwds" name="pwds" />
				</div>
				<p class="inf">* 请输入8位数字密码</p>
				<!-- 未输入id disabled不可点击 -->
				<a href="javascript:;" class="btn_rc set">设置</a>
			</div>
			<a href="javascript:;" class="pop_bt_close" title="关闭"></a>
		</div>	
	</div>
	
	<div class="pop_wp error" style="display:none;">
		<div class="pop_box pop_rechargebox">
			<div class="pop_rechargebox_m">
				<h3 class="tit">消息提醒</h3>
				<p class="inf">* 请输入8位数字密码</p>
				<!-- 未输入id disabled不可点击 -->
				<a href="javascript:;" class="btn_rc close">关闭</a>
			</div>
			<a href="javascript:;" class="pop_bt_close" title="关闭"></a>
		</div>	
	</div>
	
	<script>
		$(document).ready(function(){
			var timess;
			$("ul.banli li a").on('click', function(){
				var obj = $(this);
				var status = obj.attr('data-stats');
				switch(status){
					case '002':
						$.post('ajaxTimer.html', function(result){
							if(result.errCode/1){
								$("#timer").html('90');
								$(".card").show();
								try{
									clearInterval(timess);
								}catch(e){}	
								timess = setInterval(function(){
									timer(status);
								}, 1000);
								$(".inf").html('* 请将身份证放置在门锁读卡区');
							}else{
								$(".error").show();
								$(".error").find('p.inf').html(result.errMsg);
								return;
							}
						}, "JSON");
					break;
					case '003':
						$.post('ajaxTimer.html', function(result){
							if(result.errCode/1){
								$("#timer").html('90');
								$(".card").show();
								try{
									clearInterval(timess);
								}catch(e){}	
								timess = setInterval(function(){
									timer(status);
								}, 1000);
								$(".inf").html('* 请将IC卡放置在门锁读卡区');
							}else{
								$(".error").show();
								$(".error").find('p.inf').html(result.errMsg);
								return;
							}
						}, "JSON");
					break;
					case '004':
						$("#pwds").val('');
						$(".pwds").show();
						$(".inf").html('* 请输入8位数字密码');
					break;
				}
			});
			
			$(".btn_rc").on('click', function(){
				try{
					clearInterval(timess);
				}catch(e){}	
				$(".pop_wp").hide();
			});
			
			/**
			 * 设置密码
			 **/
			$(".set").on('click', function(){
				var pwds = $("#pwds").val();
				if(pwds != "" && pwds.length == 8){
					var where = {};
						where.remark = pwds;
						where.cmd = '004';
				}else{
					$(".error").show();
					$(".error").find('p.inf').html('* 请输入8位数字密码');
					return;
				}
				
				$.post('info.html', where, function(data){
					$(".error").show();
					$(".error").find('p.inf').html(data.errMsg);
				}, "json");
			});
			
			$(".close").on('click', function(){
				$(".error").hide();
			});
		});
		
		function timer(status){
			var times = $("#timer").html()/1;
			if(times%30 == 0 && times){
				var where = {};
					where.cmd = status;
				$.post('info.html', where, function(data){
					if(data.errCode/1){
						try{
							clearInterval(timess);
						}catch(e){}	
						$(".error").show();
						$(".error").find('p.inf').html(data.errMsg);
					}else{
						console.log('--- times: '+ JSON.stringify(data));
					}
				}, "json");	
			}
			times--;
			if(times < 0){
				$(".pop_wp").hide();
				$(".error").show();
				$(".error").find('p.inf').html("办理失败");
			}else{
				$("#timer").html(times);
			}
		}
	</script>
</body>
</html>